iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 21
0

今天來讓他長手手縮尾巴,吼吼~

1.我們打開上次的如何當隻蝌蚪

https://ithelp.ithome.com.tw/upload/images/20201004/2013031244ZhU3Iugc.png

2.我們將是先畫好的青蛙檔放進來

https://ithelp.ithome.com.tw/upload/images/20201004/201303120K9sHMMQPq.jpg

3.建一個預合成叫“青蛙”。

https://ithelp.ithome.com.tw/upload/images/20201004/20130312yPW7RckebL.jpg

4.將他們Create Shapes from Vector Layer。

https://ithelp.ithome.com.tw/upload/images/20201004/20130312eFsyfrZWsk.png

5.我們進到青蛙預集合內,將手腳的部分也各自做一個預集合。

https://ithelp.ithome.com.tw/upload/images/20201004/20130312vaGlSEdBqj.png

6.我們將蝌蚪預集合內的圖層複製進來。

https://ithelp.ithome.com.tw/upload/images/20201004/201303122STYI6Curg.png

7.我們在青蛙出現的時間點,將蝌蚪眼睛的大小直接調到0。

https://ithelp.ithome.com.tw/upload/images/20201004/20130312XVdWGW4Cmp.png

8.我們一樣打開蝌蚪頭,在要變成青蛙的那刻的前一段時間按下碼表備用。

https://ithelp.ithome.com.tw/upload/images/20201004/20130312JXQd6TJSm6.png

9.來複製青蛙身體的Path。

https://ithelp.ithome.com.tw/upload/images/20201004/201303122trTlPCNSr.jpg

10.貼在蝌蚪頭要變成青蛙的那一刻。

https://ithelp.ithome.com.tw/upload/images/20201004/20130312q2wOQGUCTm.png

11.因為它中間都會亂跑,於是我們在過程進行苗點微調。

https://ithelp.ithome.com.tw/upload/images/20201004/20130312dT79RU06qG.png

12.因為調整完Path會出現位置不對的現象,我們在要變成青蛙的那一刻按下Position的碼表。

https://ithelp.ithome.com.tw/upload/images/20201004/20130312Z5rhdzlGge.png

13.我們將變形好的蝌蚪頭(Position)移動對準青蛙身體。

https://ithelp.ithome.com.tw/upload/images/20201004/20130312yUX3VaaebL.png

14.接下來是尾巴部分為了讓尾巴變短,我們去調整尾巴的Path,Group1的是尾巴黑色的部分,Group2是尾巴的底部白色的部分,我們一樣根據他移動時的狀態調整我們的描點,讓他慢慢變換成想要的形狀。

https://ithelp.ithome.com.tw/upload/images/20201005/20130312O1nHvRK3qw.png

15.那我們的尾巴白底調整完,也要調整他的(Opacity)透明度讓他消失了。

https://ithelp.ithome.com.tw/upload/images/20201005/20130312r0BWLBuCsO.png

16.那尾巴的Group1、2要互相配合調整才會更符合想像喔。

https://ithelp.ithome.com.tw/upload/images/20201005/20130312EyapBJi2VS.png

17.畢竟從蝌蚪到青蛙的眼睛位置不同,要長出來我們使用Scale,在我們要出現青蛙眼睛的時間點先按下碼表,再將時間回推讓他消失不見。

https://ithelp.ithome.com.tw/upload/images/20201005/20130312KxKWcaXLXv.png

18.在縮放的過程他的位置會看起來很奇怪,於是我們在要出現的那個點的時間上,在開啟我們Position的碼表。

https://ithelp.ithome.com.tw/upload/images/20201005/20130312gq3BsSoSkG.png

19.將時間軸移動到我們剛剛Scale做效果的時間上,並且將眼睛往下拉。

https://ithelp.ithome.com.tw/upload/images/20201005/20130312cGWYDVy36z.png

20.處理好眼睛就該四肢摟。先在右手的Scale跟Rotation在我們青蛙要出現的地方按下碼表(圖上Position也有開,但是到後面我發現不用開,因此這裡請忽視掉我Position上的關鍵針喔)。

https://ithelp.ithome.com.tw/upload/images/20201005/20130312npPEGoiXjf.png

21.調整Scale是為了讓他有慢慢變大的感覺。

調整Rotation是為了讓他有種從內部長出(轉60度)的感覺。

https://ithelp.ithome.com.tw/upload/images/20201005/20130312VLP8NJstyj.png

22.那我們將剛剛右手做好的關鍵針的複製下來複製到四肢上,只要在左右相反時將角度加上服好就可以了!。

https://ithelp.ithome.com.tw/upload/images/20201005/20130312dSW71j58VV.png

今天先完成初始的青蛙狀態,明天來讓他更加動感,那就先這樣,各位明天見了!


上一篇
鐵人賽Day20-第八章:動畫4.4-蝌蚪蛻變過程4
下一篇
鐵人賽Day22-第八章:動畫4.6-蝌蚪蛻變過程6(青蛙不是只有尾巴會動好嗎?)
系列文
做動畫?!抱歉了時間,但我真的需要那個酷東西 ฅ^•ω•^ฅ30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言